.editor-toolbar {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;

  &-left {
    display: flex;
    gap: 8px;
    align-items: center;

    .el-button + .el-button {
      margin-left: 0;
    }
  }

  &-right {
    display: flex;
    gap: 8px;
    align-items: center;

    .el-button + .el-button {
      margin-left: 0;
    }
  }
}

.wos-editor__content {
  flex: 1;
  width: 100%;
  overflow: hidden;
  background: var(--wos-box-center-bg);
}

.editor-container {
  overflow: hidden;
  border-top: solid 1px var(--wos-border-color);

  &-box {
    width: 100%;
    height: 100%;
  }
}

.editor-validation {
  display: flex;
  align-items: center;
  height: 56px;
  color: #329d38;
  border-top: solid 1px var(--wos-border-color);
  border-bottom: solid 1px var(--wos-border-color);

  &.error {
    color: #f1592a;

    .text {
      color: #f1592a;
    }
  }

  .icon,
  .text {
    padding: 8px;
  }

  .iconfont {
    font-size: 24px;
  }
}
